<template>
    <div class="app-container">
        <levelbar></levelbar>
        <el-form label-width="50px" class="app-content" ref="ruleForm">
            <div class="box">
            <div class="appTitle"><h3>账户状态</h3></div>
                <div class='status'>                 
                    <el-row class='status-num'>
                        <el-col :span="13" :offset='5'>
                            <el-form-item>
                                <el-row>
                                    <span class='hourglass'>审核中</span>
                                </el-row>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row class='status-num'>
                        <el-col :span="13" :offset='5' class='contact'>
                            <el-form-item>
                                <el-row>
                                    <p>我们的工作人员会在2~3个工作日内审核完毕。</p>
                                    <span>如有任何疑问，欢迎来电咨询。橘子股份客服电话：4006002588</span>
                                </el-row>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </div>
                <el-form-item class="footer">
                    <el-button @click='goMakeAccount'>返回</el-button>
                </el-form-item>
            </div>
        </el-form>
    </div>
</template>

<script>
import Levelbar from '../../layout/Levelbar';
export default{
    components: {Levelbar},
    data() {
        return { 
            
        }
    },
    methods: {
        // 返回
        goMakeAccount() {
            this.$router.push({path: 'accountMangement'});
        }
    }
}
</script>

<style lang="scss" scoped>
.app-container {
    position: relative;
    padding: 20px 20px 10px;
    .app-levelbar {
        height: 35px;
    }
    .el-form{
        padding-Top:30px;
        background:#fff;
        padding-bottom:50px;
        min-height:800px;
        .appTop{
            padding:40px 0 20px 50px;
            margin-bottom:30px;
            p{
                margin-left:15px;
            }
        }
        .hourglass{
            font-family: MicrosoftYaHei;
            font-size: 30px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 46px;
            letter-spacing: 0.6px;
            color: #ff6633;
        }
        .contact{
            color: #ff6633;
            .status-btn{
                margin-top:30px;
                text-align:center
            }
        }
        .status-num .el-form-item .el-row{
            text-align:center
        }
        .status{
            width: 60%;
            padding-left:40px;
            margin:180px auto 0;
        }
        .appTitle{
            padding:40px 0 30px 50px;
            margin-bottom:30px;
            padding-top:10px;
            text-align:center;
            border-bottom:1px solid #ECECEC
        }
        .appTop:before {
            content: '';           
            float: left;
            border-radius: 2px;
            width:4px;
            height:20px;
            background:#ff5e2c;
            margin-top:1px;
        }
        .footer{
            margin-top:50px;
            text-align:center;
        }
    }
    
}

</style>
